<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/网易云.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_2788501_ugbnystu7ae.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_2786049_8q18oe11zvb.css"/>
	</head>
	<body>
		<div id="wrap">
			<span id="logo"></span>
			<ul id="club">
				<li>发现音乐</li>
				<li>我的音乐</li>
				<li>朋友</li>
				<li>商城</li>
				<li>音乐人</li>
				<li>下载客户端<span></span></li>
			</ul>
			<div id="person">
				<input type="text" placeholder="音乐/视频/电台/用户" />
				<i class="iconfont icon-sousuo"></i>
				<span>创作者中心</span>
				<a href="###">登录</a>
			</div>
		</div>
		<div id="nav">
			<a href="###">推荐</a>
			<a href="###">排行榜</a>
			<a href="###">歌单</a>
			<a href="###">主播电台</a>
			<a href="###">歌手</a>
			<a href="###">新碟上架</a>
			<span></span>
		</div>
		<div class="swiper-father">
			<div class="outer swiper-container">
				<div class="inner swiper-wrapper">
					<div class="swiper-slide"><img src="https://p1.music.126.net/jJjJPyABPzl8VlHp7r4Taw==/109951166352414041.jpg?imageView&quality=89"/></div>
					<div class="swiper-slide"><img src="https://p1.music.126.net/t_AGUS0o5al5ND76Fec-HQ==/109951166352835657.jpg?imageView&quality=89"/></div>
					<div class="swiper-slide"><img src="https://p1.music.126.net/HAg3eQ0sinAlQTQFj1Q-1Q==/109951166351195184.jpg?imageView&quality=89"/></div>
					<div class="swiper-slide"><img src="https://p1.music.126.net/GV-Y1h4xJC31vRB9-NRAWA==/109951166353239497.jpg?imageView&quality=89"/></div>
					<div class="swiper-slide"><img src="https://p1.music.126.net/SvCT7hqhbuNsgcBHAukEBQ==/109951166352895755.jpg?imageView&quality=89"/></div>
					<div class="slide1 swiper-slide"><img src="	https://p1.music.126.net/9ucjZTmfr20Iw1DRZ3uDyQ==/109951166352416610.jpg?imageView&quality=89"/></div>
					<div class="slide2 swiper-slide"><img src="https://p1.music.126.net/_cw4J7nKAsWTfwoCyRodkw==/109951166352834786.jpg?imageView&quality=89"/></div>
					<div class="slide3 swiper-slide"><img src="https://p1.music.126.net/wkCVlN3BNBLIq-GpkReJDQ==/109951166352420029.jpg?imageView&quality=89"/></div>
					<div class="slide4 swiper-slide"><img src="https://p1.music.126.net/vFCfSkSbXju089LJ6J1WrQ==/109951166352413296.jpg?imageView&quality=89"/></div>
					<div class="slide5 swiper-slide"><img src="https://p1.music.126.net/uKd56LCGO0gPzbblN48nYA==/109951166352420711.jpg?imageView&quality=89"/></div>
				</div>
				<div class="swiper-pagination">
					
				</div>
			</div>
			<div class="swiper-button-prev swiper-button-black">
					
			</div>
			<span id="load">
				
			</span>
			<div class="swiper-button-next swiper-button-black">
					
			</div>
		</div>
		<div id="rocamand">
			<div id="left">
				<div id="top">
					<span class="circle"></span>
					<a href="###">热门推荐</a>
					<a href="###">华语</a>
					<a href="###">流行</a>
					<a href="###">摇滚</a>
					<a href="###">民谣</a>
					<a href="###">电子</a>
				</div>
				<ul id="bottom">
				</ul>
				<div class="newCard">
					<span class="circle"></span>
					<a href="###">新碟上架</a>
				</div>
				<div class="upload">
					<div class="outer swiper-container">
						<div class="inner swiper-wrapper">
							<div class="slider1 swiper-slide"></div>
							<div class="slider2 swiper-slide"></div>
							
						</div>
						
					</div>
					<div class="aaa swiper-button-prev">
							
					</div>
					<span id="load">
							
					</span>
					<div class="aaa swiper-button-next">
								
					</div>
					
				</div>
				<div class="newCard">
					<span class="circle"></span>
					<a href="###">榜单</a>
				</div>
				<div class="list">
					<ul class="hot">
						<div class="open">
							<img src="https://p4.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=100y100"/>
							<div class="icon">
								<h3>飙升榜</h3>
								<p>
									<i class="iconfont icon-iconset0481"></i>
									<i class="iconfont icon-shoucangjia"></i>
								</p>
							</div>
						</div>
					</ul>
					<ul class="new">
						<div class="open">
							<img src="https://p4.music.126.net/N2HO5xfYEqyQ8q6oxCw8IQ==/18713687906568048.jpg?param=100y100"/>
							<div class="icon">
								<h3>新歌榜</h3>
								<p>
									<i class="iconfont icon-iconset0481"></i>
									<i class="iconfont icon-shoucangjia"></i>
								</p>
							</div>
						</div>
					</ul>
					<ul class="original">
						<div class="open">
							<img src="https://p3.music.126.net/sBzD11nforcuh1jdLSgX7g==/18740076185638788.jpg?param=100y100"/>
							<div class="icon">
								<h3>原创榜</h3>
								<p>
									<i class="iconfont icon-iconset0481"></i>
									<i class="iconfont icon-shoucangjia"></i>
								</p>
							</div>
						</div>
					</ul>
				</div>
			</div>
			
			<div id="right">
				<div class="login">
					<p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
					<button>用户登录</button>
				</div>
				<ul class="settled">
					<h6>
						<span>入驻歌手</span>
						<a href="###">查看更多></a>
					</h6>
				</ul>
				<button>申请成为网易音乐人</button>
				<ul class="anchor">
					<h6>
						<span>热门主播</span>
					</h6>
				</ul>
			</div>
			
		</div>	
		
	</body>
</html>
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/网易.js" type="text/javascript" charset="utf-8"></script>
